<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>顾客——点餐界面</title>
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css">
    <!-- 引入car css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/car.css">
    <!-- 先引入jquery  -->
    <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <!-- 在引入我们自己的js文件 -->
    <script src="${pageContext.request.contextPath}/js/car.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.js"></script>
    <script src="${pageContext.request.contextPath}/js/pintuer.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/pintuer.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/admin.css">
    <script type="text/javascript">
        function selectFood() {

            console.log("=》进入了js")
            if(isNaN(${requestScope.messge})){
                window.location="${pageContext.request.contextPath}/selectManager?action=selectfood";
                alert("查询成功！")
            }else {
                alert(${requestScope.messge})
            }

        }


        function order() {
${""}
            console.log("=》进入了js")
            alert("订单已经提交！")
                window.location="${pageContext.request.contextPath}/selectManager?action=selectfood";



        }
    </script>
</head>

<body>



    <div class="car-header">
        <div class="w">
            <div class="car-logo">
                <img src="${pageContext.request.contextPath}/images/carlogo.jpg" alt=""> <b>购物车</b>
            </div>
        </div>
    </div>

    </div>
    <div class="c-container">
        <div class="w">
            <div class="cart-filter-bar">
                <em>订单详情：</em>
            </div>
            <!-- 购物车主要核心区域 -->
            <div class="cart-warp">
                <!-- 头部全选模块 -->
                <table>
                <div class="cart-thead">
                    <div class="t-checkbox">
                        <input type="checkbox" name="" id="" class="checkall"> 全选
                    </div>


                   <div class="t-goods">商品</div>
                    <div class="t-price">单价</div>
                           <div class="t-num">数量</div>
                          <div class="t-sum">小计</div>
                           <div class="t-action">操作</div>
<%--                    <tr>--%>
<%--                    <th class="t-goods">商品</th>--%>
<%--                    <th class="t-price">单价</th>--%>
<%--                    <th class="t-num">数量</th>--%>
<%--                    <th class="t-sum">小计</th>--%>
<%--                    <th class="t-action">操作</th>--%>
<%--                    </tr>--%>

<%--                    <tr>--%>
<%--                        <td--%>
<%--                    </tr>--%>
                </div>
                <!-- 商品详细模块 -->
                <div class="cart-item-list">
                    <div class="cart-item check-cart-item">
                        <div class="p-checkbox">
                            <input type="checkbox" name="" id="" checked class="j-checkbox">
                        </div>
                        <div class="p-goods">
                            <div class="p-img">
                                <img src="${pageContext.request.contextPath}/images/1.png" alt="">
                            </div>
                            <div class="p-msg">【脆皮粉】二两</div>
                        </div>
                        <div class="p-price">￥12.50</div>
                        <div class="p-num">
                            <div class="quantity-form">
                                <a href="javascript:;" class="decrement">-</a>
                                <input type="text" class="itxt" value="1">
                                <a href="javascript:;" class="increment">+</a>
                            </div>
                        </div>
                        <div class="p-sum">￥12.50</div>
                        <div class="p-action"><a href="javascript:;">删除</a></div>
                    </div>
                    <div class="cart-item">
                        <div class="p-checkbox">
                            <input type="checkbox" name="" id="" class="j-checkbox">
                        </div>
                        <div class="p-goods">
                            <div class="p-img">
                                <img src="${pageContext.request.contextPath}/images/2.png" alt="">
                            </div>
                            <div class="p-msg">【牛腩粉】二两</div>
                        </div>
                        <div class="p-price">￥13.00</div>
                        <div class="p-num">
                            <div class="quantity-form">
                                <a href="javascript:;" class="decrement">-</a>
                                <input type="text" class="itxt" value="1">
                                <a href="javascript:;" class="increment">+</a>
                            </div>
                        </div>
                        <div class="p-sum">￥13.00</div>
                        <div class="p-action"><a href="javascript:;">删除</a></div>
                    </div>
                    <div class="cart-item">
                        <div class="p-checkbox">
                            <input type="checkbox" name="" id="" class="j-checkbox">
                        </div>
                        <div class="p-goods">
                            <div class="p-img">
                                <img src="${pageContext.request.contextPath}/images/3.png" alt="">
                            </div>
                            <div class="p-msg">【叉烧粉】二两</div>
                        </div>
                        <div class="p-price">￥14.00</div>
                        <div class="p-num">
                            <div class="quantity-form">
                                <a href="javascript:;" class="decrement">-</a>
                                <input type="text" class="itxt" value="1">
                                <a href="javascript:;" class="increment">+</a>
                            </div>
                        </div>
                        <div class="p-sum">￥14.00</div>
                        <div class="p-action"><a href="javascript:;">删除</a></div>
                    </div>
                </div>
                </table>

                <!-- 结算模块 -->



                    </div>
                    <div class="toolbar-right">
                        <div class="amount-sum">共计：<em>1</em>件商品</div>
                        <div class="price-sum">订单总价： <em>￥12.60</em></div>

                    </div>
                </div>
            </div>
        </div>

    </div>


            </div>


</body>

</html>
